<template>
    <footer class="footer-bar">
      <div class="footer-crop x-1024">
        <ul class="footer-line">
          <li class="footer-item">这是一段长长的关于网站的简介或者是合作伙伴信息</li>
          <li class="footer-item">这是一段长长的关于网站的简介或者是合作伙伴信息</li>
          <li class="footer-item">这是一段长长的关于网站的简介或者是合作伙伴信息</li>
          <li class="footer-item">这是一段长长的关于网站的简介或者是合作伙伴信息</li>
          <li class="footer-item">这是一段长长的关于网站的简介或者是合作伙伴信息</li>
        </ul>
      </div>
      <p class="footer-copyright">Copyright © 2021 YOUNG Inc. 保留所有权利。 </p>
      <p class="footer-copyright">京ICP备10214630 营业执照 无线电发射设备销售备案编号1220xxxx351200</p>
    </footer>
</template>

<script>
export default {
  name: 'FooterBar',
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.footer-bar{
  width: 100%;
  height: auto;
  font-size: 13px;
  padding: 20px 0;
  .footer-crop {
    display: flex;
    padding: 10px 0;
    margin: 0 auto;
    flex-flow: column nowrap;
    align-content: center;
    justify-content: center;
    .footer-line {
      .footer-item {
        width: 100%;
        flex: 0 1 auto;
        padding: 10px 0;
        text-align: center;
      }
    }
  }
  .footer-copyright {
    text-align: center;
    padding: 6px 0;
  }
}
</style>
